<template>
	<view class="page">
		<!-- <view class="flex flex-wrap benben-position-layout flex index_flex_0"
			:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx'}">
			<view class='flex flex-wrap align-center justify-between flex-sub index_fd0_0'>
				<view class='flex flex-wrap align-center index_fd0_0_c0'>

				</view>
				<view class='flex flex-wrap align-center'>
					<view class="title_text">中出行租车</view>
				</view>
				<view class='flex flex-wrap align-center justify-end index_fd0_0_c2'>
				</view>
			</view>
		</view>
		<view :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->

		<view class="loading_css" v-if="isShow">
			<u-loading size="36" color="#FC5B03"></u-loading>
			<view>加载中</view>
		</view>

		<template v-else>
			<!---flex布局flex布局开始-->
			<view class="flex flex-wrap align-center justify-center benben-flex-layout index_flex_1">
				<view style="position: relative">
					<swiper ref="benbenSwiperfd1_0" @change="bannerIndexfd1_0 = $event.detail.current"
						class='flex position-relative index_fd1_0' previous-margin="0rpx" next-margin="0rpx"
						:display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true'>
						<swiper-item class='flex index_fd1_0_c1' v-for='(item,key0) in bannerList' :key='key0'>
							<u-lazy-load @click="getSwiper(item)" img-mode="aspectFill" height="280" border-radius="32"
								class="index_fd1_0_c1_c0" :image='item.label_img'>
							</u-lazy-load>
						</swiper-item>
					</swiper>
				</view>
			</view>

			<view class="carRental">
				<!-- <view class="car_types">
					<u-radio-group v-model="value" @change="radioGroupChange">
						<u-radio shape="square" label-size="26" active-color="#10CF73" icon-size="20"
							v-for="(item, index) in typeList" :key="index" :name="item.name" :disabled="item.disabled">
							{{item.name}}
						</u-radio>
					</u-radio-group>
				</view> -->
				<!-- <view class="address">
					<view class="address_info" @tap.stop="selectAddress">
						<view class="address_title" v-if="value == '送车上门'">
							{{city}}
						</view>
						<view class="address_title" v-else>
							<view v-if="!storeInfo.store_name">选择门店</view>
							<view class="" v-else>
								{{storeInfo.store_name}}
							</view>
						</view>
						<image :src='STATIC_URL+"201.png"' mode="aspectFill"></image>
					</view>
					<view class="tips" v-if="value == '送车上门'" @tap.stop="selectAddress">
						<image :src='STATIC_URL+"214.png"' mode="aspectFill"></image>
						<view class="tips_text">送车上门需要收取服务费</view>
					</view>
				</view> -->
				<view class="city_view flex align-center">
					<view class="city_le" @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/select-regoin/select-regoin`">
						<view class="city_le_title">取车城市</view>
						<view class="city_le_text flex align-center">
							<text>{{cityInfo.city ? cityInfo.city : '定位中'}}</text>
							<image :src='STATIC_URL+"13.png"' mode="aspectFill"></image>
						</view>
					</view>
					<view class="city_ri" @tap.stop="handleJumpDiy" data-type="navigateTo"
						:data-url="`/pages/index/select-regoin/select-districts`">
						<view class="city_ri_title">取车地点</view>
						<view class="city_ri_text flex align-center">
							<text
								class="city_ri_text_1">{{cityInfo.city_districts ? cityInfo.city_districts : '定位中'}}</text>
							<image v-if="cityInfo.city_districts" :src='STATIC_URL+"13.png"' mode="aspectFill"></image>
						</view>
					</view>
				</view>

				<view class="car_date" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/reserveOrder/selectTime`">
					<view class="date_item">
						<view class="date_item_1">{{timeData.toDay_month}}</view>
						<view class="date_item_2">
							<text v-if="timeData.is_today == 1">今天</text>
							<text v-else>{{timeData.week}}</text>
							<text>{{timeData.toDay_time}}</text>
						</view>
					</view>
					<view class="date_days">
						<view class="days_line"></view>
						<view class="days_num">共{{timeData.dayNum}}天</view>
						<view class="days_line"></view>
					</view>
					<view class="date_item">
						<view class="date_item_1">{{timeData.twoDay_month}}</view>
						<view class="date_item_2">
							<text>{{timeData.twoWeek}}</text>
							<text>{{timeData.twoDay_time}}</text>
						</view>
					</view>
				</view>
				<view class="selection_car" @click="chooseCar">立即选车</view>
			</view>


			<view class="preferential" v-if="user.is_first_order == 0" @tap.stop="handleJumpDiy" data-type="navigateTo"
				:data-url="`/pages/my/myCoupon/myCoupon`">
				<view class="preferential_le">
					<image :src='STATIC_URL+"1.png"'></image>
					<text>优惠券已发放 预定租车享专属优惠</text>
				</view>
				<view class="preferential_ri">
					<!-- <image :src='STATIC_URL+"2.png"' mode="aspectFill"></image> -->
					<u-icon name="arrow-right" size="24" color="#1e1e1e"></u-icon>
				</view>
			</view>

			<!-- <view class="explain" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/groupon/grouponInfo`">
				测试团购券
			</view> -->
			<view class="explain" v-if="is_newbie == 1">
				<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/beginnerGuide/beginnerGuide?aid=1`">
					<image :src='STATIC_URL+"202.png"' mode="aspectFill"></image>
					<view class="explain_item_title">新手指引</view>
				</view>
				<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/beginnerGuide/beginnerGuide?aid=2`">
					<image :src='STATIC_URL+"203.png"' mode="aspectFill"></image>
					<view class="explain_item_title">押金告知</view>
				</view>
				<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/beginnerGuide/beginnerGuide?aid=3`">
					<image :src='STATIC_URL+"204.png"' mode="aspectFill"></image>
					<view class="explain_item_title">全城送车</view>
				</view>
				<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/beginnerGuide/beginnerGuide?aid=4`">
					<image :src='STATIC_URL+"205.png"' mode="aspectFill"></image>
					<view class="explain_item_title">特惠长租</view>
				</view>
				<!-- <view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/select-regoin/select-regoin`">
					<image :src='STATIC_URL+"204.png"' mode="aspectFill"></image>
					<view class="explain_item_title">全城送车</view>
				</view>
				<view class="explain_item" @tap.stop="handleJumpDiy" data-type="navigateTo"
					:data-url="`/pages/index/specialOffer/specialOffer`">
					<image :src='STATIC_URL+"205.png"' mode="aspectFill"></image>
					<view class="explain_item_title">特惠长租</view>
				</view> -->
			</view>

			<view class="carousel">
				<view class="carousel_le">
					<!-- <swiper class="swiper_le" :indicator-dots="false" :display-multiple-items="1" :interval="5000" :duration="500" :autoplay='true' :circular='true' @change="swiperChange">
						<swiper-item class="swiper_item" v-for="(item,index) in imglist" :key="index">
							<view class="swiper_item_le" @tap.stop="goSwiperDetails(item.jump_url, item.id)">
								<image :src="item.label_img" mode="aspectFill"></image>
							</view>
						</swiper-item>
					</swiper> -->
					<u-swiper :list="imglist" name="label_img" mode="none" border-radius="24" height="230"
						:interval="5000" @click="goSwiperDetailsImg"></u-swiper>
				</view>
				<view class="carousel_ri">
					<view class="item_ri" v-for="(item,index) in iconlist" :key="index"
						@tap.stop="goSwiperDetails(item.jump_url, item.id)">
						<image :src="item.label_img" mode="aspectFill"></image>
					</view>
				</view>
			</view>
			<!-- #ifdef MP-TOUTIAO -->
			<view class="dy_list list_bg_2">
				<view class="dy_list_title">
					<image :src='STATIC_URL+"104.png"' mode="aspectFill"></image>
				</view>
				<scroll-view scroll-x="true" class="dy_list_content">
					<view class="dy_list_item" v-for="(item, index) in carCard" :key="index"
						@click="goGroupDetails(item.id)">
						<view class="dy_item_img">
							<u-lazy-load height="202" :image="item.index_image"></u-lazy-load>
						</view>
						<view class="dy_car_information">
							<view class="dy_group_name">{{item.name}}</view>
							<view class="dy_car_price">
								<text class="dy_car_price_2">￥</text>
								<text class="dy_car_price_3">{{item.price}}</text>
								<text class="dy_car_price_1">￥{{item.oprice}}</text>
								<image class="dy_car_price_4" :src='STATIC_URL+"109.png"' mode="aspectFill"></image>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
			<view class="dy_list list_bg_2">
				<view class="dy_list_title">
					<image :src='STATIC_URL+"106.png"' mode="aspectFill"></image>
				</view>
				<scroll-view scroll-x="true" class="dy_list_content">
					<view class="dy_list_item" v-for="(item, index) in groupList" :key="index"
						@click="goGroupDetails(item.id)">
						<view class="dy_item_img">
							<u-lazy-load height="202" :image="item.index_image"></u-lazy-load>
						</view>
						<view class="dy_car_information">
							<view class="dy_group_name">{{item.name}}</view>
							<view class="dy_car_price">
								<text class="dy_car_price_2">￥</text>
								<text class="dy_car_price_3">{{item.price}}</text>
								<text class="dy_car_price_1">￥{{item.oprice}}</text>
								<image class="dy_car_price_4" :src='STATIC_URL+"108.png"' mode="aspectFill"></image>
							</view>
						</view>
					</view>
				</scroll-view>
			</view>
			<!-- <view class="list">
				<view class="list_content">
					<view class="list_item" v-for="(item, index) in groupList" :key="index"
						@click="goGroupDetails(item.id)">
						<view class="item_img">
							<u-lazy-load height="250" :image="item.index_image"></u-lazy-load>
						</view>
						<view class="car_information">
							<view class="group_name">{{item.name}}</view>
							<view class="car_price">
								<text class="car_price_2">￥</text>
								<text class="car_price_3">{{item.price}}</text>
								<text class="car_price_1"
									style="text-decoration: line-through;margin-left: 24rpx;">￥{{item.oprice}}</text>
								<image class="car_price_4" :src='STATIC_URL+"101.png"' mode="aspectFill"></image>
							</view>
						</view>
					</view>
				</view>
			</view> -->
			<!-- #endif -->

			<!-- #ifndef MP-TOUTIAO -->
			<view class="list list_bg_1">
				<view class="list_title">
					<image :src='STATIC_URL+"102.png"' mode="aspectFill"></image>
				</view>

				<view class="list_content">
					<view class="list_item" v-for="(item, index) in list" :key="index" @click="chooseCar">
						<view class="item_img">
							<u-lazy-load height="250" :image="item.image"></u-lazy-load>
						</view>
						<view class="car_information">
							<view class="car_name">{{item.name}}</view>
							<view class="car_tag">
								<text>{{item.seats}}座</text>
								<text class="tag_line">丨</text>
								<text>{{item.gearbox}}</text>
								<!-- <text class="tag_line">丨</text>
								<text>{{item.category_name}}</text> -->
								<text class="tag_line">丨</text>
								<text>{{item.model}}</text>
							</view>
							<view class="car_price">
								<text class="car_price_1">日均</text>
								<text class="car_price_2">￥</text>
								<text class="car_price_3">{{item.show_index_price}}</text>
							</view>
						</view>
						<image v-if="item.type == 2" class="green_icon" :src='STATIC_URL+"213.png"' mode="aspectFill">
						</image>
						<!-- <view class="distance">距离最近</view> -->
					</view>

				</view>
				<!-- <view class="loadmore" v-if="last_page > 1">
					<u-loadmore font-size="24" :status="status" :icon-type="iconType" :load-text="loadText" />
				</view> -->
			</view>
			<view class="noData_other_1" v-if="list.length == 0 && !isShow">
				<image :src='STATIC_URL+"no.png"'></image>
			</view>
			<!-- #endif -->

			<view class="more_car" @click="chooseCar">
				<view class="">查看更多好车</view>
				<image :src='STATIC_URL+"208.png"'></image>
			</view>
			<view class="store_information">
				<view class="store_top">
					<image :src='STATIC_URL+"logo.png"' mode="aspectFill"></image>
					<view class="">中出行租车</view>
				</view>
				<view class="store_btm">
					<image class="tip_img_1" :src='STATIC_URL+"209.png"' mode="aspectFill"></image>
					<image class="tip_img_2" :src='STATIC_URL+"210.png"' mode="aspectFill"></image>
					<image class="tip_img_3" :src='STATIC_URL+"211.png"' mode="aspectFill"></image>
					<image class="tip_img_4" :src='STATIC_URL+"212.png"' mode="aspectFill"></image>
				</view>
			</view>

			<!-- #ifndef MP-WEIXIN -->
			<view class="login_remind flex align-center justify-between" v-if="!is_login && !is_close_remind">
				<view class="remind_le">100%全直营，用车安心</view>
				<view class="remind_ri flex align-center">
					<view class="remind_ri_1 flex align-center justify-center" @tap.stop="loginNow">立即登录</view>
					<u-icon class="remind_ri_2" name="close" size="26rpx" color="#fff"
						@click="closeLoginRemind"></u-icon>
				</view>
			</view>
			<!-- #endif -->

			<!-- #ifdef MP-WEIXIN -->
			<!-- <view class="login_remind flex align-center justify-between" :class="customerStatus ? 'login_remind_wx':''"
				v-if="!is_login && !is_close_remind">
				<view class="remind_le">100%全直营，用车安心</view>
				<view class="remind_ri flex align-center">
					<view class="remind_ri_1 flex align-center justify-center" @tap.stop="loginNow">立即登录</view>
					<u-icon class="remind_ri_2" name="close" size="26rpx" color="#fff" @click="closeLoginRemind"></u-icon>
				</view>
			</view> -->
			<!-- #endif -->

			<!-- #ifdef MP-WEIXIN -->
			<view style="position: fixed;bottom: 0;left: 0;z-index: 99;width: 100%;">
				<weixin-customer :source="1" @close="customerClose"></weixin-customer>
			</view>
			<!-- <view v-if="customerStatus" style="height: 60rpx;"></view> -->
			<!-- #endif -->
		</template>

		<u-modal v-model="regoinShow" content="需要获取您当前位置信息用于展示对应的车型信息,请同意位置授权" :show-cancel-button="true"
			confirm-color="#FC5B03" @confirm="confirmRegoin" @cancel="confirmCancel"></u-modal>

		<u-mask :show="coupon_show">
			<view class="warp" @tap.stop="coupon_show=false">
				<view class="rect">
					<image class="coupon_top_img" :src='STATIC_URL+"11.png"' mode="aspectFill"></image>
					<view class="coupon_price flex align-center justify-between">
						<view class="coupon_price_le">
							<text class="coupon_price_le_1">{{couponPrice}}</text>
							<text class="coupon_price_le_2">元</text>
						</view>
						<view class="coupon_price_ri">
							<view>无门槛租车券</view>
							<view style="margin-top: 24rpx;font-size: 22rpx;text-align: right;">至高减免</view>
						</view>
					</view>
					<view v-if="is_login" class="coupon_btn_view flex align-center justify-center"
						@tap.stop="goCouponList">
						立即领券
					</view>

					<!-- #ifdef MP-WEIXIN -->
					<button v-if="!is_login" open-type="getPhoneNumber" @getphonenumber="getPhoneNumberWeixin"
						class="coupon_btn_view flex align-center justify-center">
						立即领券
					</button>
					<!-- #endif -->

					<!-- #ifdef MP-ALIPAY -->
					<button v-if="!is_login" open-type="getPhoneNumber" @getphonenumber="getPhoneNumberAlipay"
						class="coupon_btn_view flex align-center justify-center">
						立即领券
					</button>
					<!-- #endif -->

					<!-- #ifdef MP-TOUTIAO -->
					<button v-if="!is_login" open-type="getPhoneNumber" @getphonenumber="getPhoneNumberHandler"
						class="coupon_btn_view flex align-center justify-center">
						立即领券
					</button>
					<!-- #endif -->

					<view class="coupon_close flex align-center justify-center">
						<u-icon @click="coupon_show=false" name="close-circle" size="56"
							color="rgba(255,255,255,0.3)"></u-icon>
					</view>

				</view>
			</view>
		</u-mask>

		<view v-if="!is_login && !is_close_remind" style="height: 120rpx;"></view>


	</view>
</template>
<script>
	import {
		validate
	} from '@/common/utils/validate.js'
	import utils from "@/common/utils/utils.js"
	import weixinCustomer from "@/components/customer/index.vue"
	export default {
		components: {
			weixinCustomer
		},

		data() {
			return {
				"typeList": [{
						name: '到店取车',
						disabled: false
					},
					{
						name: '送车上门',
						disabled: false
					}
				],
				"value": '到店取车', // 租车类型
				"loadingImg": "",
				"errorImg": "",
				"imageUrl": "https://n.sinaimg.cn/spider20240423/618/w1267h951/20240423/00f3-b0424ba924fbe8bb330e2dabf0f7b880.jpg",
				"popupShow1658992681098": false,
				"popupShow1658992681097": false,
				"bannerIndexfd1_0": 0,
				"bannerList": [],
				"city": "郑州市",
				"problemList": {
					"total_num": "",
					"total_already_do": "",
					"wrong_num": "",
					"correct_ratio": ""
				},
				"selectCity": '',
				"regoinShow": false,

				tabsList: [{
					name: '免费专区'
				}, {
					name: '视频付费专区'
				}],
				current: 0,
				list: [],
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				"isShow": true,
				"keyword": "",
				"vipData": {},
				"user": {
					"is_first_order": 1
				},
				"key": "05dcfb09539d4c774fd21d46776bd2c8", // 小程序定位key  个人

				"timeData": {
					"dayNum": 1
				},
				"door_to_door": 0, //是否上门送车:0=到店取车，1=送车上门
				"storeInfo": {
					store_name: ""
				}, // 选择门店信息
				"tags": [],
				freeze_order_id: "", // 免押订单
				money: "", //免押金额
				imglist: [], // 图片列表
				iconlist: [], // 图标列表
				swiperCurrent: 0,

				is_newbie: 0, // 是否显示新手指引等模块  1显示  0不显示
				is_login: false, // 是否登录
				is_close_remind: true,

				coupon_show: false,
				channel_code: "", // 渠道码
				code: "",
				couponPrice: 0,
				groupList: [], // 团购券列表
				carCard: [], // 次卡列表
				customerStatus: false,
				cityInfo: {
					city: "",
					city_districts: "",
					cityAddress: "",
					citycode: "",
					lat: 0,
					lng: 0
				}
			};
		},
		computed: {
			// getAmpKey() {
			// 	return this.$store.state.ampKey;
			// }
		},
		watch: {
			// getAmpKey(newVal) {
			// 	console.log('定位地址key:', newVal);
			// 	if (newVal) {
			// 		if (!uni.getStorageSync('city')) {
			// 			this.regoinShow = true;
			// 		}
			// 	}
			// }
		},
		onShareAppMessage() {
			return {
				title: '中出行',
				path: '/pages/tabBar/index/index',
				imageUrl: '',
			}
		},
		onLoad(options) {
			// console.log(options);
			this.getCarTags();
			this.getCarList();
			this.getBannerList();
			// uni.$on('changeCity', res => {
			// 	this.selectCity = res.city;
			// 	uni.setStorageSync('city', this.selectCity);
			// 	this.getgetProblemList()
			// 	this.$forceUpdate();
			// })
			console.log(this.$store.state.ampKey);
			if (!this.$store.state.ampKey) {
				if (!uni.getStorageSync('city')) {
					this.getMapKey();
				}
			} else {
				if (!uni.getStorageSync('city')) {
					this.regoinShow = true;
				}
			}

			// #ifdef MP-ALIPAY
			let {
				freeze_order_id,
				money,
				channel_code
			} = options;
			if (freeze_order_id !== undefined) this.freeze_order_id = freeze_order_id;
			if (money !== undefined) this.money = money;
			if (channel_code !== undefined) this.channel_code = channel_code;
			if (this.freeze_order_id) {
				this.initXinyong();
			}
			// this.openFunction();
			// console.log(this.channel_code);
			if (this.channel_code) {
				this.getChannelUser(this.channel_code);
			}
			// #endif

			this.initCode();
			this.getIndexCouponPrice();

			// 首页中间轮播图
			this.getCenterSwiper();

			// #ifdef MP-WEIXIN
			const url = decodeURIComponent(options.q);
			if (url !== 'undefined') {
				let params = this.GetWxMiniProgramUrlParam(url); // 获取二维码路径参数
				let channel_code = params.channel_code;
				if (channel_code) {
					this.getChannelUser(channel_code);
				}
			}
			// #endif


			// #ifdef MP-TOUTIAO
			this.getGroupList();
			// #endif
		},
		onUnload() {
			// uni.$off('changeCity');
		},
		onReady() {
			// this.tags = uni.getStorageSync('tag');
		},
		onShow() {
			if (global.token) {
				this.is_login = true;
				global.is_close_remind = true;
				this.getuser();
				if (!uni.getStorageSync('is_request')) {
					this.getDistributeCoupons();
				}
			} else {
				this.is_login = false;
				this.getOneTime(1);
			}
			this.is_close_remind = global.is_close_remind;
			if (uni.getStorageSync('city')) {
				this.cityInfo = uni.getStorageSync('city');
				if (!this.cityInfo.city_districts) {
					this.getgetDefaultCityData(2);
				}
			}

			// #ifdef MP-WEIXIN
			let customerStatus = this.$store.state.customerStatus[0].status;
			this.customerStatus = customerStatus;
			// #endif

		},
		onHide() {

		},
		onResize() {

		},
		// 下拉刷新
		onPullDownRefresh() {

		},
		// 上拉加载
		onReachBottom() {

		},
		onPageScroll(e) {

		},
		methods: {
			// 获取高德地图key  mapKey
			getMapKey() {
				this.$api.get(global.apiUrls.mapKey, {
					
				}).then(res => {
					console.log(res);
					if (res.data.code == 1) {
						this.$store.commit('saveAmpKey', res.data.data);
						this.regoinShow = true;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			GetWxMiniProgramUrlParam(url) {
				let theRequest = {};
				if (url.indexOf("#") != -1) {
					const str = url.split("#")[1];
					const strs = str.split("&");
					for (let i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
					}
				} else if (url.indexOf("?") != -1) {
					const str = url.split("?")[1];
					const strs = str.split("&");
					for (let i = 0; i < strs.length; i++) {
						theRequest[strs[i].split("=")[0]] = decodeURI(strs[i].split("=")[1]);
					}
				}
				return theRequest;
			},
			// 首页中部轮播图  homePageSwiper
			getCenterSwiper() {
				this.$api.get(global.apiUrls.homePageSwiper, {

				}).then(res => {
					if (res.data.code == 1) {
						this.imglist = res.data.data.imgList;
						this.iconlist = res.data.data.iconList;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			goSwiperDetails(url, id) {
				if (url) {
					let pageUrl = '/' + url + '?aid=' + id;
					uni.navigateTo({
						url: pageUrl
					})
				}
			},
			goSwiperDetailsImg(index) {
				if (this.imglist[index].jump_url) {
					let pageUrl = '/' + this.imglist[index].jump_url + '?aid=' + this.imglist[index].id;
					uni.navigateTo({
						url: pageUrl
					})
				}
			},
			swiperChange(event) {
				this.swiperCurrent = event.detail.current;
			},
			// 信用免押
			initXinyong() {
				let _this = this;
				_this.$api.post(global.apiUrls.depositRequired, {
					order_id: _this.freeze_order_id,
					money: _this.money
				}).then(res => {
					// console.log(res);
					// this.$message.info(res.data.info);
					if (res.data.code == 1) {
						my.tradePay({
							"orderStr": res.data.data.data
								.orderStr, // 完整的支付参数拼接成的字符串，从 alipay.fund.auth.order.app.freeze 接口获取
							success: (res) => {
								if (res.resultCode == 9000) {
									_this.$message.info('支付押金成功');
								} else {
									_this.$message.info('支付押金失败,请到店支付');
								}
							},
							fail: (err) => {
								_this.$message.info('支付押金失败,请到店支付');
							},
						});
					} else {
						_this.$message.info(res.data.info);
					}
				})
			},
			// 获取时间戳  oneTime
			getOneTime(day) {
				if (!global.timeData || this.$store.state.sequenceStatus) {
					this.$api.get(global.apiUrls.oneTime, {

					}).then(res => {
						// console.log(res);
						if (res.data.code == 1) {
							let timeStamp = res.data.data.time * 1000;
							global.timeStamp = timeStamp;
							let toDay = utils.getNowTime(timeStamp);
							let week = utils.getWeekday(toDay);
							let twoDay = utils.getTwoDaysAfter(timeStamp, day);
							let twoWeek = utils.getWeekday(twoDay);
							this.timeData = {
								dayNum: day,
								is_today: toDay == utils.getNowTime() ? 1 : 0,
								toDay: toDay,
								toDay_month: (toDay.substring(5, 10)).replace('-', '月') + '日',
								toDay_time: toDay.substring(11, 16),
								week: week,
								twoDay: twoDay,
								twoDay_month: (twoDay.substring(5, 10)).replace('-', '月') + '日',
								twoDay_time: twoDay.substring(11, 16),
								twoWeek: twoWeek
							}
							global.timeData = this.timeData;
							this.clearSequence();
						} else {
							this.$message.info(res.data.info);
							this.clearSequence();
						}
					}).catch(err => {
						this.clearSequence();
					})
				} else {
					this.timeData = global.timeData;
					this.clearSequence();
				}
			},
			clearSequence() {
				this.$store.commit('saveSequence', false);
				this.$store.commit('saveSequenceNum', 0);
			},

			// 切换租车类型
			radioGroupChange(e) {
				// console.log(e);
				if (e == '送车上门') {
					this.door_to_door = 1;
					// if (!uni.getStorageSync('city')) {
					// 	this.regoinShow = true;
					// } else {
					// 	this.city = uni.getStorageSync('city').city;
					// }
				} else {
					this.door_to_door = 0;
				}
			},
			// 立即选车
			chooseCar() {
				uni.navigateTo({
					url: '/pages/index/modelsList/modelsList?door_to_door=' + this.door_to_door
				})
				return;



				if (this.door_to_door == 0) {
					if (!this.storeInfo.store_name) {
						this.$message.info('请选择门店');
						return;
					}
					uni.navigateTo({
						url: '/pages/index/modelsList/modelsList?door_to_door=' + this.door_to_door
					})
				} else {
					if (!uni.getStorageSync('city')) {
						// this.$message.info('请开启位置权限');
						this.regoinShow = true;
						return;
					} else {
						uni.navigateTo({
							url: '/pages/index/modelsList/modelsList?door_to_door=' + this.door_to_door
						})
					}
				}
			},
			selectAddress() {
				if (this.door_to_door == 0) {
					uni.navigateTo({
						url: '/pages/index/selectStore/selectStore'
					})
				} else {
					if (!uni.getStorageSync('city')) {
						this.regoinShow = true;
						// this.$message.info('请开启位置权限');
						// setTimeout(() => {
						// 	uni.openSetting({
						// 		success(res) {
						// 			console.log(res.authSetting)
						// 		}
						// 	});
						// }, 800)
					} else {
						let _this = this;
						uni.chooseLocation({
							success: function(res) {
								console.log(res);
								// console.log('位置名称：' + res.name);
								// console.log('详细地址：' + res.address);
								// console.log('纬度：' + res.latitude);
								// console.log('经度：' + res.longitude);
								_this.city = res.address;
								let city = uni.getStorageSync('city');
								city.city = res.address;
								city.lng = res.longitude;
								city.lat = res.latitude;

								_this.$api.get(global.apiUrls.postCityCode, {
									lng: res.longitude,
									lat: res.latitude
								}).then(res => {
									console.log(result);
									if (result.data.code == 1) {
										city.citycode = result.data.data.cityCode;
										uni.setStorageSync('city', city);
									} else {
										_this.$message.info(result.data.info);
									}
								})
							},
							fail: function(err) {
								console.log(err);
								_this.$message.info('选择位置失败，请重试');
							}
						});
					}
				}
			},

			// 获取首页车辆列表  getHomeCars
			getCarList() {
				this.$api.get(global.apiUrls.getHomeCars, {

				}).then(res => {
					uni.stopPullDownRefresh();
					this.isShow = false;
					// console.log(res);
					if (res.data.code == 1) {
						this.list = res.data.data;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			// 获取首页团购券列表  getGroupCoupons
			getGroupList() {
				this.$api.post(global.apiUrls.getGroupCoupons, {
					coupons_type: 1
				}).then(res => {
					// console.log(res);
					if (res.data.code == 1) {
						this.groupList = res.data.data;
					} else {
						this.$message.info(res.data.info);
					}
				})
				this.$api.post(global.apiUrls.getGroupCoupons, {
					coupons_type: 15
				}).then(res => {
					// console.log(res);
					if (res.data.code == 1) {
						this.carCard = res.data.data;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			// 跳转团购详情
			goGroupDetails(id) {
				uni.navigateTo({
					url: '/pages/index/groupon/grouponInfo?id=' + id
				})
			},


			getTag(id) {
				let item = this.tags.find((item) => item.id == id);
				return item.name;
			},
			//获取个人信息
			async getuser() {
				let userData = await this.$api.get(global.apiUrls.getUser_info, {
					user_id: global.userInfo.user_id
				});
				if (userData.data.code != 1) {
					this.$message.info(userData.data.info);
					return
				}
				let userinfo = userData.data;
				this.user = userinfo.data;
				let count = 1;
				if (this.$store.state.sequenceStatus) {
					count = this.$store.state.sequenceNum;
				} else {
					count = this.user.card_count;
				}
				// this.getOneTime(2);
				this.getOneTime(count == 0 ? 1 : count);
			},

			//获取轮播图
			getBannerList() {
				this.$api.get(global.apiUrls.getIndexBanner, {

				}).then(res => {
					this.isShow = false;
					// console.log(res);
					if (res.data.code == 1) {
						this.bannerList = res.data.data;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			// 轮播图跳转
			getSwiper(item) {
				// if (item.link_type == 1) {
				// 	uni.setStorageSync('content', item);
				// 	uni.navigateTo({
				// 		url: '/pages/my/messageDetails/swiperDetails'
				// 	})
				// }
				console.log(item);
				if (item.jump_url) {
					uni.navigateTo({
						url: item.jump_url
					})
				}
			},

			// 逆地理编码 根据经纬度获取到城市信息
			getAddressInfo(location, lng, lat) {
				let _this = this;
				uni.request({
					url: 'https://restapi.amap.com/v3/geocode/regeo?location=' + location +
						'&key=' + global.ampKey, //仅为示例，并非真实接口地址。
					header: {
						'Content-Type': 'application/x-www-form-urlencoded', //自定义请求头信息
					},
					success: (res) => {
						console.log('456', res);
						if (res.data.status == '1') {
							let districtsIndex = res.data.regeocode.formatted_address.indexOf(res.data
								.regeocode.addressComponent.city);
							if (districtsIndex != -1) {
								districtsIndex = districtsIndex + res.data.regeocode.addressComponent.city
									.length;
							}
							let city_districts = res.data.regeocode.formatted_address.slice(districtsIndex, res
								.data.regeocode.formatted_address.length);
							let cityInfo = {
								citycode: res.data.regeocode.addressComponent.citycode,
								city: res.data.regeocode.addressComponent.city.slice(0, -1),
								city_districts: city_districts,
								cityAddress: res.data.regeocode.addressComponent.city + city_districts,
								lng: Number(lng),
								lat: Number(lat)
							}
							uni.setStorageSync('city', cityInfo);
							_this.cityInfo = cityInfo;
						} else {
							_this.$message.info('获取地理位置信息失败');
						}

					},
					fail: (error) => {
						// console.log(error)
						_this.$message.info('获取地理位置信息失败');
					}
				});
			},
			// 获取默认的城市和位置  getDefaultCity
			getgetDefaultCityData(type) {
				// type  1默认  2选择完城市没有选择位置
				this.$api.post(global.apiUrls.getDefaultCity, {
					city_id: type == 2 ? (this.cityInfo ? this.cityInfo.citycode : "") : ""
				}).then(res => {
					if (res.data.code == 1) {
						let cityInfo = {
							citycode: res.data.data.cityCode,
							city: res.data.data.city.slice(0, -1),
							city_districts: res.data.data.address,
							cityAddress: res.data.data.city + res.data.data.address,
							lng: Number(res.data.data.lng),
							lat: Number(res.data.data.lat)
						}
						// console.log(cityInfo);
						uni.setStorageSync('city', cityInfo);
						this.cityInfo = cityInfo;
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			confirmRegoin() {
				// #ifndef APP-PLUS
				let _this = this;
				uni.getLocation({
					type: 'gcj02',
					success: function(res) {
						// console.log(res);
						let location = res.longitude + ',' + res.latitude;
						_this.getAddressInfo(location, res.longitude, res.latitude);
					},
					fail: function(error) {
						// console.log(error);
						_this.$message.info('获取地理位置信息失败');
						_this.getgetDefaultCityData(1);
						// setTimeout(() => {
						// 	uni.openSetting({
						// 		success(res) {
						// 			// console.log(res.authSetting)
						// 		}
						// 	});
						// }, 800)
					}
				});
				// #endif
			},
			confirmCancel() {
				this.regoinShow = false;
				this.getgetDefaultCityData(1);
			},

			change(index) {
				this.current = index;
				if (this.current == 0 || this.current == 1) {
					this.page = 1;
					this.is_pull = true;
					this.isShow = true;
					this.getVideoList();
				}
			},

			// 首页模块打开和关闭  openItem
			openFunction() {
				this.$api.post(global.apiUrls.openItem, {

				}).then(res => {
					// console.log(res);
					if (res.data.code == 1) {
						this.is_newbie = res.data.data.is_show;
					} else {
						this.$message.info(res.data.info);
					}

				})
			},
			closeLoginRemind() {
				this.is_login = true;
				this.is_close_remind = true;
				global.is_close_remind = true;
			},

			// 记录用户渠道信息  channelUser
			getChannelUser(channel_code) {
				let platform_type = 2;
				// #ifdef MP-TOUTIAO
				platform_type = 1;
				// #endif
				// #ifdef MP-WEIXIN
				platform_type = 2;
				// #endif
				// #ifdef MP-ALIPAY
				platform_type = 3;
				// #endif
				let _this = this;
				uni.login({
					success: result => {
						_this.$api.post(global.apiUrls.postgetOpenid, {
							code: result.code,
							type: platform_type
						}).then(result1 => {
							if (result1.data.code == 1) {
								_this.$api.post(global.apiUrls.channelUser, {
									channel_code: channel_code,
									platform_type: platform_type,
									openid: result1.data.data.openid,
								}).then(result2 => {
									if (result2.data.code == 1) {
										console.log('记录成功');
									} else {
										console.log('记录失败');
									}
								})
							} else {
								console.log('记录失败');
							}
						})
					},
					fail: err => {
						console.log(err);
					}
				})
			},
			// 获取优惠券金额  homepageCouponPrice
			getIndexCouponPrice() {
				let url = "";
				if (global.token) {
					url = global.apiUrls.loginCouponPrice;
				} else {
					url = global.apiUrls.nologinCouponPrice;
				}
				this.$api.post(url, {}).then(res => {
					// console.log(res);
					if (res.data.code == 1) {
						this.couponPrice = Number(res.data.data.money);
						this.coupon_show = true;
						if (global.token) {
							setTimeout(() => {
								this.coupon_show = false;
							}, 6000)
						}
					} else {
						this.$message.info(res.data.info);
					}
				})
			},


			// 发放优惠券  distributeCoupons
			getDistributeCoupons() {
				this.$api.post(global.apiUrls.distributeCoupons, {
					user_id: global.userInfo.user_id
				}).then(res => {
					if (res.data.code == 1) {
						uni.setStorageSync('is_request', true);
					}
				})
			},
			// 已登录点击立即领券
			goCouponList() {
				this.coupon_show = false;
				uni.navigateTo({
					url: '/pages/my/myCoupon/myCoupon'
				})
			},
			initCode() {
				let _this = this;
				uni.login({
					success: res => {
						// console.log(res);
						_this.code = res.code;
					},
					fail: err => {
						console.log(err);
					}
				})
			},
			// 微信获取手机号登录
			getPhoneNumberWeixin(e) {
				if (e.detail.errMsg.indexOf("user deny") !== -1) {
					uni.navigateBack();
				} else {
					// this.LoginFunc(e.detail.encryptedData, e.detail.iv);
					let _this = this;
					if (!_this.code) {
						_this.$message.info('获取code失败，请重试');
						_this.initCode();
					}
					uni.showLoading({
						title: '登录中...'
					})
					_this.$api.post(global.apiUrls.postgetOpenid, {
						code: _this.code,
						type: 2
					}).then(res => {
						// console.log(res);
						if (res.data.code == 1) {
							_this.openid = res.data.data.openid;
							_this.$api.post(global.apiUrls.postlogin, {
								openid: _this.openid,
								code: e.detail.code,
								login_type: 2,
								city_code: uni.getStorageSync('city') ? uni.getStorageSync('city')
									.citycode : ""
							}).then(result => {
								// console.log("后台返回登录信息", result)
								if (result.data.code == 1) {
									uni.hideLoading();
									if (result.data.data) {
										_this.$message.info(result.data.info);
										//存入本地
										_this.$store.commit('updateUserInfo', result
											.data.data);
										_this.$store.commit('saveToken', result.data
											.data.token);
										_this.coupon_show = false;
										_this.is_login = true;
										global.is_close_remind = true;
										setTimeout(() => {
											getApp().getOrderReminder();
											_this.getDistributeCoupons();
											global.timeData = "";
											_this.getuser();
										}, 800)
									}
								} else {
									uni.hideLoading();
									_this.$message.info(result.data.info);
								}
							}).catch(err => {
								console.log('ERROR', err);
								uni.hideLoading();
								_this.$message.info(err.data.info);
							})

						} else {
							uni.hideLoading();
							_this.$message.info(res.data.info);
						}
					})
				}
			},
			// 支付宝获取手机号登录
			getPhoneNumberAlipay(e) {
				if (e.detail.errMsg.indexOf("user deny") !== -1) {
					uni.navigateBack();
				} else {
					// this.LoginFunc(e.detail.encryptedData, e.detail.iv);
					let _this = this;
					if (!_this.code) {
						_this.$message.info('获取code失败，请重试');
						_this.initCode();
					}
					uni.showLoading({
						title: '登录中...'
					})
					_this.$api.post(global.apiUrls.postgetOpenid, {
						code: _this.code,
						// response: e.detail.encryptedData,
						type: 3
					}).then(res => {
						if (res.data.code == 1) {
							_this.openid = res.data.data.openid;
							_this.$api.post(global.apiUrls.postlogin, {
								openid: _this.openid,
								code: e.detail.encryptedData,
								login_type: 3,
								city_code: uni.getStorageSync('city') ? uni.getStorageSync('city')
									.citycode : ""
							}).then(result => {
								console.log("后台返回登录信息", result)
								if (result.data.code == 1) {
									uni.hideLoading();
									if (result.data.data) {
										_this.$message.info(result.data.info);
										//存入本地
										_this.$store.commit('updateUserInfo', result
											.data.data);
										_this.$store.commit('saveToken', result.data
											.data.token);
										_this.coupon_show = false;
										_this.is_login = true;
										global.is_close_remind = true;
										setTimeout(() => {
											getApp().getOrderReminder();
											_this.getDistributeCoupons();
											global.timeData = "";
											_this.getuser();
										}, 800)
									}
								} else {
									uni.hideLoading();
									_this.$message.info(result.data.info);
								}
							}).catch(err => {
								console.log('ERROR', err);
								uni.hideLoading();
								_this.$message.info(err.data.info);
							})

						} else {
							uni.hideLoading();
							_this.$message.info(res.data.info);
						}
					})
				}
			},
			// 抖音获取手机号登录
			getPhoneNumberHandler(e) {
				console.log(e);
				if (e.detail.errMsg.indexOf("user deny") !== -1) {
					uni.navigateBack();
				} else {
					// this.LoginFunc(e.detail.encryptedData, e.detail.iv);
					let _this = this;
					if (!_this.code) {
						_this.$message.info('获取code失败，请重试');
						_this.initCode();
					}
					uni.showLoading({
						title: '登录中...'
					})

					_this.$api.post(global.apiUrls.postgetOpenid, {
						code: _this.code,
						type: 1
					}).then(res => {
						if (res.data.code == 1) {
							_this.$api.post(global.apiUrls.postlogin, {
								encrypted_data: e.detail.encryptedData,
								iv: e.detail.iv,
								session_key: res.data.data.session_key,
								openid: res.data.data.openid,
								login_type: 1,
								city_code: uni.getStorageSync('city') ? uni.getStorageSync('city')
									.citycode : "",
								extension_info: global.startData ? global.startData : ""
							}).then(result => {
								console.log("后台返回登录信息", result)
								if (result.data.code == 1) {
									uni.hideLoading();
									if (result.data.data) {
										_this.$message.info(result.data.info);
										//存入本地
										_this.$store.commit('updateUserInfo', result
											.data.data);
										_this.$store.commit('saveToken', result.data
											.data.token);
										_this.coupon_show = false;
										_this.is_login = true;
										global.is_close_remind = true;
										setTimeout(() => {
											getApp().getOrderReminder();
											_this.getDistributeCoupons();
											global.timeData = "";
											_this.getuser();
										}, 800)
									}
								} else {
									uni.hideLoading();
									_this.$message.info(result.data.info);
								}
							}).catch(err => {
								console.log('ERROR', err);
								uni.hideLoading();
								_this.$message.info(err.data.info);
							})
						} else {
							uni.hideLoading();
							_this.$message.info(res.data.info);
						}
					})
				}
			},
			getCarTags() {
				this.$api.get(global.apiUrls.postCarTags, {

				}).then(res => {
					if (res.data.code == 1) {
						uni.setStorageSync('tag', res.data.data);
					} else {
						this.$message.info(res.data.info);
					}
				})
			},
			customerClose() {
				this.customerStatus = false;
			},
			loginNow() {
				global.timeData = "";
				uni.navigateTo({
					url: '/pages/tabBar/login/login'
				})
			}
		}
	};
</script>
<style lang="scss" scoped>
	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.rect {
		width: 540rpx;
		// height: 340rpx;
		// background-color: #fff;
		position: relative;

		.coupon_top_img {
			width: 540rpx;
			height: 460rpx;
			// background: url(/static/images/11.png) no-repeat;
			// background-size: 100% 100%;
		}

		.coupon_price {
			position: absolute;
			left: 70rpx;
			bottom: 165rpx;
			width: 75%;

			.coupon_price_le {
				.coupon_price_le_1 {
					display: inline-block;
					font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
					font-weight: 700;
					font-size: 100rpx;
					color: #E95D2A;
					transform: skewX(-5deg);
				}

				.coupon_price_le_2 {
					ont-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
					font-weight: 700;
					font-size: 30rpx;
					color: #E95D2A;
				}
			}

			.coupon_price_ri {
				font-weight: 700;
				font-size: 30rpx;
				color: #E95B29;
			}
		}

		.coupon_btn_view {
			background: url(https://speed.zhongchuxing.com/dyimages/12.png) no-repeat;
			background-size: 100% 100%;
			width: 334rpx;
			height: 102rpx;
			position: absolute;
			bottom: 27rpx;

			left: 50%;
			transform: translateX(-50%);
			font-family: Alimama ShuHeiTi, Alimama ShuHeiTi;
			font-weight: 700;
			font-size: 40rpx;
			color: #FFFFFF;
			line-height: 49rpx;
			border: transparent;
		}

		.coupon_close {
			width: 100%;
			position: absolute;
			bottom: -100rpx;
		}
	}


	.carRental {
		background: #fff;
		border-radius: 32rpx;
		padding: 30rpx 24rpx;
		margin: 0 30rpx 24rpx;

		.car_types {
			/deep/.u-radio__label {
				margin-right: 48rpx !important;
			}
		}

		.address {
			padding: 40rpx 0;
			border-bottom: 2rpx solid #F4F3F8;

			.address_info {
				display: flex;
				align-items: center;

				.address_title {
					width: calc(100% - 30rpx);
					font-size: 30rpx;
					font-weight: bold;
					color: #111111;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}

				image {
					width: 28rpx;
					height: 28rpx;
				}
			}

			.tips {
				display: flex;
				align-items: center;
				margin-top: 16rpx;

				image {
					width: 28rpx;
					height: 28rpx;
					margin-right: 6rpx;
				}

				.tips_text {
					font-family: PingFang SC, PingFang SC;
					font-weight: 400;
					font-size: 22rpx;
					color: #EF2E28;
				}
			}

		}

		.city_view {
			padding-bottom: 32rpx;
			border-bottom: 2rpx solid #F4F3F8;

			.city_le {
				width: 190rpx;

				.city_le_title {
					font-weight: 400;
					font-size: 26rpx;
					color: #666666;
				}

				.city_le_text {
					font-weight: 600;
					font-size: 28rpx;
					color: #111111;
					margin-top: 20rpx;

					image {
						width: 12rpx;
						height: 8rpx;
						margin-left: 12rpx;
					}
				}
			}

			.city_ri {
				width: calc(100% - 190rpx);

				.city_ri_title {
					font-weight: 400;
					font-size: 26rpx;
					color: #666666;
				}

				.city_ri_text {
					font-weight: 600;
					font-size: 28rpx;
					color: #111111;
					margin-top: 20rpx;

					.city_ri_text_1 {
						max-width: 400rpx;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
					}

					image {
						width: 12rpx;
						height: 8rpx;
						margin-left: 12rpx;
					}
				}
			}
		}

		.car_date {
			margin-top: 40rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.date_item {
				.date_item_1 {
					font-size: 34rpx;
					font-weight: bold;
					color: #111111;
				}

				.date_item_2 {
					display: flex;
					align-items: center;
					justify-content: space-between;
					font-size: 26rpx;
					color: #999;
				}
			}

			.date_days {
				display: flex;
				align-items: center;

				.days_line {
					width: 24rpx;
					height: 2rpx;
					background: #CCCCCC;
					border-radius: 2rpx;
				}

				.days_num {
					padding: 6rpx 34rpx;
					background: #FFFFFF;
					border-radius: 24rpx;
					border: 2rpx solid #CCCCCC;
					font-size: 26rpx;
					color: #111111;
				}
			}
		}

		.selection_car {
			margin: 64rpx 0 0;
			width: 640rpx;
			height: 98rpx;
			line-height: 98rpx;
			text-align: center;
			// background: linear-gradient(90deg, #FD9602 0%, #FC5B03 100%);
			background: linear-gradient(90deg, #16DD9A 0%, #0ABC66 100%);
			border-radius: 16rpx;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 30rpx;
			color: #FFFFFF;
		}
	}

	.preferential {
		height: 108rpx;
		background: #FFF3ED;
		border-radius: 32rpx;
		padding: 0 30rpx 0 24rpx;
		margin: 0 30rpx 24rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.preferential_le {
			display: flex;
			align-items: center;
			font-size: 28rpx;
			color: #000000;
			font-weight: 500;

			image {
				width: 40rpx;
				height: 35rpx;
				margin-right: 16rpx;
			}
		}

		.preferential_ri {
			image {
				width: 36rpx;
				height: 36rpx;
			}
		}
	}

	.explain {
		background: #fff;
		border-radius: 32rpx;
		padding: 32rpx;
		margin: 0 30rpx 24px;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.explain_item {
			text-align: center;

			image {
				width: 60rpx;
				height: 60rpx;
			}

			.explain_item_title {
				font-weight: 500;
				font-size: 22rpx;
				color: #111111;
				margin-top: 16rpx;
			}
		}
	}

	.carousel {
		// background: #fff;
		margin: 0 30rpx 30rpx;
		height: 230rpx;
		border-radius: 32rpx 32rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;

		.carousel_le {
			width: 550rpx;
			height: 230rpx;
			border-radius: 24rpx 24rpx;
			overflow: hidden;
			margin-right: 10rpx;

			.swiper_le {
				width: 100%;
				height: 100%;
				border-radius: 24rpx 24rpx;
				overflow: hidden;

				.swiper_item_le {
					width: 100%;
					height: 100%;

					image {
						width: 100%;
						height: 100%;
					}
				}
			}
		}

		.carousel_ri {
			width: 130rpx;
			height: 230rpx;

			.item_ri {
				margin-bottom: 10rpx;

				image {
					width: 130rpx;
					height: 110rpx;
					border-radius: 16rpx;
				}
			}
		}
	}

	.list_bg_1 {
		background: url(https://speed.zhongchuxing.com/dyimages/206.png) no-repeat;
		background-size: 100% 486rpx;
		padding: 0 30rpx;
	}

	.list_bg_2 {
		background: url(https://speed.zhongchuxing.com/dyimages/105.png) no-repeat;
		background-size: 100% 486rpx;
		padding: 0 30rpx;
	}

	.list {
		padding: 0 30rpx;

		.list_title {
			padding: 40rpx 0 42rpx;

			image {
				// width: 182rpx;
				width: 118rpx;
				height: 36rpx;
			}
		}

		.list_content {
			display: flex;
			flex-wrap: wrap; // 允许换行
			justify-content: space-between;

			.list_item {
				width: 334rpx;
				height: 448rpx;
				background: #FFFFFF;
				box-shadow: 0px 4rpx 20rpx 0px rgba(0, 63, 136, 0.05);
				border-radius: 32rpx;
				margin-bottom: 30rpx;
				position: relative;

				.item_img {
					// width: 100%;
					// height: 250rpx !important;
					width: 334rpx !important;
					height: 250rpx !important;
					border-radius: 32rpx 32rpx 0 0 !important;
					overflow: hidden;
				}

				/deep/.u-lazy-item {
					width: 334rpx !important;
					height: 250rpx !important;
				}

				.car_information {
					padding: 0 16rpx;

					.car_name {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 30rpx;
						color: #111111;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;
						margin: 16rpx 0;
					}

					.car_tag {
						font-family: PingFang SC, PingFang SC;
						font-weight: 500;
						font-size: 22rpx;
						color: #666666;
						text-overflow: ellipsis;
						overflow: hidden;
						white-space: nowrap;

						.tag_line {
							color: #CCCCCC;
						}
					}

					.car_price {
						display: flex;
						margin-top: 16rpx;

						.car_price_1 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 22rpx;
							color: #999999;
							transform: translateY(3rpx);
						}

						.car_price_2 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 22rpx;
							color: #EF2E28;
							line-height: 34rpx;
						}

						.car_price_3 {
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 36rpx;
							color: #EF2E28;
							line-height: 32rpx;
						}

						.car_price_4 {
							width: 110rpx;
							height: 32rpx;
							margin-left: auto;
						}
					}

					.group_name {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 30rpx;
						color: #111111;
						margin: 32rpx 0;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
				}

				.green_icon {
					width: 120rpx;
					height: 32rpx;
					position: absolute;
					left: 0;
					top: -9rpx;
					z-index: 10;
				}

				.distance {
					width: 96rpx;
					height: 32rpx;
					background: #FC5B03;
					border-radius: 0px 16rpx 0px 16rpx;
					display: flex;
					align-items: center;
					justify-content: center;
					font-weight: 500;
					font-size: 20rpx;
					color: #FFFFFF;
					position: absolute;
					top: 0;
					right: 0;
				}
			}
		}
	}

	.dy_list {
		width: 100%;
		padding: 0 30rpx;

		.dy_list_title {
			padding: 40rpx 0 30rpx;

			image {
				width: 182rpx;
				height: 38rpx;
			}
		}

		.dy_list_content {
			// display: flex;
			// flex-wrap: wrap; // 允许换行
			// justify-content: space-between;
			width: 100%;
			white-space: nowrap;

			.dy_list_item:last-child {
				margin-right: 0;
			}

			.dy_list_item {
				// float: left;
				display: inline-block;
				width: 270rpx;
				height: 366rpx;
				background: #FFFFFF;
				box-shadow: 0px 4rpx 20rpx 0px rgba(0, 63, 136, 0.05);
				border-radius: 32rpx;
				margin-bottom: 30rpx;
				position: relative;
				margin-right: 22rpx;

				.dy_item_img {
					// width: 100%;
					// height: 250rpx !important;
					width: 270rpx !important;
					height: 202rpx !important;
					border-radius: 24rpx 24rpx 0 0 !important;
					overflow: hidden;
				}

				/deep/.u-lazy-item {
					width: 270rpx !important;
					height: 202rpx !important;
				}

				.dy_car_information {
					padding: 0 10rpx;

					.dy_car_price {
						display: flex;
						margin-top: 12rpx;
						white-space: nowrap;

						.dy_car_price_1 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 22rpx;
							color: #999999;
							transform: translateY(3rpx);
							text-decoration: line-through;
							margin-left: 12rpx;
						}

						.dy_car_price_2 {
							font-family: PingFang SC, PingFang SC;
							font-weight: 500;
							font-size: 22rpx;
							color: #EF2E28;
							line-height: 34rpx;
						}

						.dy_car_price_3 {
							font-family: PingFang SC, PingFang SC;
							font-weight: bold;
							font-size: 32rpx;
							color: #EF2E28;
							line-height: 32rpx;
						}

						.dy_car_price_4 {
							width: 90rpx;
							height: 26rpx;
							margin-left: auto;
							transform: translateY(4rpx);
						}
					}

					.dy_group_name {
						font-family: PingFang SC, PingFang SC;
						font-weight: bold;
						font-size: 24rpx;
						color: #111111;
						margin: 20rpx 0;
						display: -webkit-box;
						-webkit-box-orient: vertical;
						-webkit-line-clamp: 2;
						overflow: hidden;
					}
				}
			}
		}
	}

	.more_car {
		width: 520rpx;
		height: 68rpx;
		border-radius: 116rpx;
		border: 2rpx solid #CCCCCC;
		margin: 34rpx auto 48rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 26rpx;
		color: #111111;

		image {
			width: 28rpx;
			height: 28rpx;
		}
	}

	.store_information {
		padding: 48rpx 0 72rpx;

		.store_top {
			display: flex;
			align-items: center;
			justify-content: center;
			font-family: PingFang SC, PingFang SC;
			font-weight: bold;
			font-size: 36rpx;

			image {
				width: 72rpx;
				height: 72rpx;
				margin-right: 30rpx;
			}
		}

		.store_btm {
			display: flex;
			align-items: center;
			justify-content: space-between;
			padding: 0 72rpx;
			margin-top: 34rpx;

			.tip_img_1 {
				width: 100rpx;
				height: 60rpx;
			}

			.tip_img_2 {
				width: 120rpx;
				height: 60rpx;
			}

			.tip_img_3 {
				width: 100rpx;
				height: 60rpx;
			}

			.tip_img_4 {
				width: 150rpx;
				height: 60rpx;
			}
		}
	}

	.title_text {
		font-size: 32rpx;
		font-weight: bold;
		size: #222;
	}

	.login_remind_wx {
		bottom: 130rpx !important;
	}

	.login_remind {
		width: 690rpx;
		height: 100rpx;
		position: fixed;
		bottom: 30rpx;
		left: 30rpx;
		z-index: 999;
		background: rgba(35, 39, 66, 0.9);
		border-radius: 32rpx;
		padding: 0 32rpx;

		.remind_le {
			font-size: 28rpx;
			color: #fff;
		}

		.remind_ri {
			.remind_ri_1 {
				width: 154rpx;
				height: 62rpx;
				background: linear-gradient(90deg, #FD9602 0%, #FC5B03 100%);
				border-radius: 24rpx;
				font-size: 24rpx;
				margin-right: 28rpx;
				color: #000;
			}

			.remind_ri_2 {
				color: #fff;
			}
		}
	}




	.index_fd4_0 {
		width: 610rpx;
		height: 331rpx;
	}

	.index_fd4_1 {
		line-height: 45rpx;
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
		text-align: center;
		margin: 28rpx 0rpx 0rpx 0rpx;
	}

	.index_fd4_2 {
		border-top: 1px solid #eee;
		border-right: 1px solid #eee;
		background: rgba(44, 143, 255, 1);
		background-size: 100% !important;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		font-size: 32rpx;
		color: #fff;
		width: 406rpx;
		height: 80rpx;
		line-height: 80rpx;
		font-weight: 500;
		margin: 48rpx 0rpx 48rpx 0rpx;
	}

	.index_flex_4 {
		background: #fff;
		background-size: 100% !important;
		width: 610rpx;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.index_fd3_0 {
		margin: 0rpx 0rpx 64rpx 0rpx;
	}

	.index_fd3_0_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_0_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_0_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c0_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c1_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_fd3_1_c2_c0 {
		width: 100rpx;
		height: 100rpx;
	}

	.index_fd3_1_c2_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 500;
		color: #333333;
		margin: 16rpx 0rpx 0rpx 0rpx;
	}

	.index_flex_3 {
		background: #fff;
		background-size: 100% !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		background-size: 100% auto !important;
		margin: 0rpx 32rpx 0rpx 32rpx;
		padding: 40rpx 53rpx 40rpx 53rpx;
	}

	.index_fd2_0 {
		margin: 64rpx 0rpx 0rpx 0rpx;
	}

	.index_fd2_0_c0 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: rgba(254, 80, 20, 1);
	}

	.index_fd2_0_c1 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_0_c2 {
		line-height: 67rpx;
		font-size: 56rpx;
		font-weight: 700;
		color: #333333;
	}

	.index_fd2_1 {
		padding: 98rpx 75rpx 52rpx 75rpx;
	}

	.index_fd2_1_c0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c0_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c0_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c0 {
		width: 32rpx;
		height: 32rpx;
		margin: 0rpx 8rpx 0rpx 0rpx;
	}

	.index_fd2_1_c1_c1 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: rgba(51, 51, 51, 1);
	}

	.index_fd2_1_c1_c2 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	.index_fd2_1_c1_c3 {
		line-height: 40rpx;
		font-size: 28rpx;
		font-weight: 700;
		color: #FE5014;
	}

	::v-deep .index_swiperDotfd1_0 {
		position: absolute;
		bottom: 20rpx;
		left: 0rpx;
		right: 0rpx;
	}

	.index_swiperDotSelectedfd1_0 {
		border: 1px solid #00A7FF;
		background: #00A7FF;
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_swiperDotUnselectedfd1_0 {
		border: 1px solid rgba(0, 0, 0, 0.3);
		background: rgba(0, 0, 0, 0.3);
		background-size: 100% !important;
		width: 16rpx;
		height: 16rpx;
		border-radius: 100rpx 100rpx 100rpx 100rpx;
		margin: 0rpx 6rpx 0rpx 0rpx;
		font-size: 24rpx;
		color: #fff;
	}

	.index_fd1_0 {
		width: 690rpx;
		height: 280rpx;
	}

	.index_fd1_0_c1_c0 {
		width: 690rpx;
		height: 280rpx;
		border-radius: 32rpx;
	}

	.index_fd1_0_c1 {
		width: 690rpx;
		height: 280rpx;

		/deep/.u-lazy-item {
			width: 690rpx !important;
			height: 280rpx !important;
		}
	}


	.index_numberfd1_0_c0 {
		background: #525050;
		background-size: 100% !important;
		position: absolute;
		bottom: 20rpx;
		right: 30rpx;
		width: 80rpx;
		height: 40rpx;
		border-radius: 6rpx 6rpx 6rpx 6rpx;
		font-size: 24rpx;
		color: #FFFFFF;
		line-height: 46rpx;
		font-weight: 400;
	}

	.index_flex_1 {
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.index_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		background: #fff;
	}

	.index_fd0_0_c0 {
		width: 195rpx;
		height: 50rpx;
	}

	.index_fd0_0_c0_c0 {
		width: 36rpx;
		height: 36rpx;
	}

	.index_fd0_0_c0_c1 {
		width: 195rpx;
		padding: 0rpx 0rpx 0rpx 12rpx;
		line-height: 45rpx;
		color: #111111;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 31rpx;
		font-weight: 700;
	}

	.index_fd0_0_c1_c0 {
		width: 178rpx;
		height: 62rpx;
	}

	.index_fd0_0_c2 {
		width: 195rpx;
		height: 50rpx;
	}

	.index_flex_0 {
		width: 750rpx;
		height: 88rpx;
		overflow: hidden;
		z-index: 10;
		top: 0rpx;
		background-image: #fff;
	}

	.page {
		min-height: calc(100vh - var(--window-bottom));
		background: #f6f7f9;
		background-size: 100% auto !important;
	}
</style>